<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>泓泰天诚</title>
    <link rel="stylesheet" href="css/temperature.css">
    <script>
        (function() {})

        function openDialog() {
            document.getElementById('light').style.display = 'block';
            document.getElementById('fade').style.display = 'block'
        }

        function closeDialog() {
            document.getElementById('light').style.display = 'none';
            document.getElementById('fade').style.display = 'none'
        }
    </script>
</head>

<body>
    <section class="center">
        <div class="zuo">
            <!-- 左导航栏 -->
            <nav>
                <ul>
                    <li class="du"><a href="#">泓泰天诚</a></li>
                    <li class="icon-1"><a href="temperature.html">温度数据维护</a></li>
                    <li class="icon-2"><a href="#">压力数据维护</a></li>
                    <li class="icon-3"><a href="data.html">炉管数据比较</a></li>
                    <li class="icon-4"><a href="#">炉管结焦诊断</a></li>
                    <li class="icon-5"><a href="#">用户信息管理</a></li>
                    <li class="icon-6"><a href="#">系统参数设置</a></li>
                    <li class="icon-7"><a href="#">退出</a></li>
                    <li class="xian"></li>
                </ul>
            </nav>
        </div>

        <div class="you">
            <header class="header">
                <ul>
                    <li><a href="#" class="h_num">H110</a></li>
                    <li><a href="#" class="h_num">H111</a></li>
                    <li><a href="#" class="h_num">H112</a></li>
                    <li><a href="#" class="h_num">H113</a></li>
                    <li><a href="#" class="h_num">H114</a></li>
                    <li><a href="#" class="h_num">H115</a></li>
                    <li><a href="#" class="h_num">H116</a></li>
                    <li><a href="#" class="h_num">H117</a></li>
                    <li><a href="#" class="h_num">H118</a></li>
                    <li><a href="#" class="h_num">H119</a></li>
                    <li><a href="#" class="h_num">H120</a></li>
                </ul>
            </header>
            <div class="zu_shu">
                <ul>
                    <li><a href="#" class="zu_num">第1组</a></li>
                    <li><a href="#" class="zu_num">第2组</a></li>
                    <li><a href="#" class="zu_num">第3组</a></li>
                    <li><a href="#" class="zu_num">第4组</a></li>
                </ul>
            </div>
            <div class="shu_ju">数据导入时间: 2019/09/23</div>
            <div class="temperature">
                <span><i class="yellow"></i> 出管温度</span>
                <span><i class="pink"></i> 入管温度</span>
                <span><i class="blue"></i> COT温度</span>
            </div>

            <div class="hei xian_shi"><a href="#">显示线形图</a></div>
            <div class="hei dao_ru"><a href="JavaScript:void(0)" onclick="openDialog()">手工导入新数据</a></div>

            <!-- 弹出窗口 -->
            <div id="light" class="white_content">

                <div class="dao_ru1">无线数据导入</div>

                <div class="ti_shi">
                    <p class="rola">
                        请确保Rola接受器准备就绪！<br> 然后点击"开始接受数据"按钮进行数据接受。
                    </p>
                    <a href="#" class="jie_shou">开始接收数据</a>
                </div>

                <div class="xuan_xiang">
                    <button href="javascript:void(0)" onclick="closeDialog()">确定</button>
                    <button href="javascript:void(0)" onclick="closeDialog()" style="background-color: #344775;">取消</button>
                </div>
            </div>
            <div id="fade" class="black_overlay"></div>
        </div>
    </section>

</body>

</html>